<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<title>Intranet de EYRA</title>
		
		<link rel="stylesheet" type="text/css" href="/css/style.css"/>		
		<link rel="stylesheet" type="text/css" href="/css/color-grey.css"/>
		<!--[if lte IE 6]><link media="screen" rel="stylesheet" href="/css/ie6.css" type="text/css" /><![endif]-->
		<!--[if IE 7]><link media="screen" rel="stylesheet" href="/css/ie7.css" type="text/css" /><![endif]-->
		
		<style type="text/css">	
			*{font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;}
			body.col-1 #primary-content{width:100%;}
			body{background-color:#E7F2CC; cursor:default;}
			body,#page{background-image:none;}
		</style>
		
		<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
		
		<script type="text/javascript">

			$(function(){
				$("#cuerpo0").load("/portada.jsp",null,function (responseText, textStatus , XMLHttpRequest){});
				$("#usuario").focus();				
			});
			
			function onClickMenu(menu) {
				$("li").removeClass("active");
				$("#" + menu).addClass("active");
				$(".post").css("display","none");
				$("#cuerpo" + menu).css("display","");
				$("#usuario").focus();
			}
		</script>
	</head>
	
	<body class="home blog col-1 fluid browser-gecko">
		<p></p>
		<div class="page-content header-wrapper">
			<div class="shadow-left">	
				<div class="shadow-right clear-block">	
					<ul id="navigation" class="clear-block">
						<li id="0" class="active">
							<a class="home" href="javascript: onClickMenu(0);" title="Página Principal">
								<span class="title">Eyra</span>
							</a>
						</li>
						<li id="1">
							<a href="javascript: onClickMenu(1);" >
								<span>Acceso</span>
							</a>
						</li>					
					</ul>
				</div>
			</div>	
		</div>
		
		
		<div class="shadow-left page-content main-wrapper">
			<div class="shadow-right">

				<!-- main content: primary -->
				<div id="main">
				
					<div id="primary-content">
						<div class="blocks"><!-- post -->

							<div id="cuerpo0" class="post"></div>							
							
							<div id="cuerpo1" class="post" style="display: none;">
							
								<div class="post-date">
									<p class="day">Conectarse a la Aplicación</p>
								</div>
								<div class="post-info clear-block ">
									<p class="author alignleft"> 										
									</p>								
								</div>
				
								<div class="post-content clear-block">
									<form method="post" action="/SeguridadAction.do?metodo=ValidarUsuario" accept-charset="ISO-8859-1">	
										<p style="width: 190px; text-align: right;">												
											<label class="title">Usuario : </label><input type="text" id="usuario" name="usuario" style="width: 100px;"/>	
											<label class="title">Clave : </label><input type="password" name="clave" style="width: 100px;"/>
											<input type="submit" value="Conectar" />																		
										</p>
									</form>
								</div>
							
							</div>
							
						</div><!-- /post -->			
					</div><!-- /primary content -->
					<div id="spacer"></div>
				</div>
			</div>
		</div>
	</body>
</html>

